import {
	uniqueId
} from '@/utils';
import {
	makeRequiredRule
} from '../../utils';

const label = '滑块';
const name = 'slider';

export default {
	icon: 'icon-slider',
	label,
	name,
	rule() {
		return {
			type: name,
			field: uniqueId(),
			title: label,
			info: '',
			col: 12,
			showLable: true,
			labelWidth: '',
			$required: false,
			props: {},
		};
	},
	props() {
		return [makeRequiredRule(), {
			type: 'input-number',
			field: 'min',
			title: '最小值',
			props: {
				min: 0
			}
		}, {
			type: 'input-number',
			field: 'max',
			title: '最大值',
			props: {
				min: 0
			}
		}, {
			type: 'switch',
			field: 'disabled',
			title: '是否禁用'
		}, {
			type: 'input-number',
			field: 'step',
			title: '步长',
			props: {
				min: 0
			}
		}, {
			type: 'switch',
			field: 'showInput',
			title: '是否显示输入框，仅在非范围选择时有效'
		}, {
			type: 'switch',
			field: 'showInputControls',
			title: '在显示输入框的情况下，是否显示输入框的控制按钮',
			value: true
		}, {
			type: 'switch',
			field: 'showStops',
			title: '是否显示间断点'
		}, {
			type: 'switch',
			field: 'range',
			title: '是否为范围选择'
		}, {
			type: 'switch',
			field: 'vertical',
			title: '是否竖向模式'
		}, {
			type: 'switch',
			field: 'showTooltip',
			title: '是否显示Tooltip'
		}, {
			type: 'input',
			field: 'height',
			title: 'Slider 高度，竖向模式时必填'
		}];
	}
};